<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="public.jsp"%>

	<div class="orderMX">
		<div class="page_title ">
			<h2 class="flight_infoMX_h2">航班信息</h2>
			<div class="clearboth"></div>
		</div>
		<div style="text-align: left;padding-left: 5px;">${hangCheng }</div>
		<div class="flight_infoMX">
			<table>
				<tr>
					<th>航班号</th>
					<th>舱位</th>
					<th>机型</th>
					<th>日期</th>
					<th>出发</th>
					<th>抵达</th>
				</tr>
				<c:forEach items="${lcFlightInfoList }" var="list">
				<tr>
					<td>${list.hangBanHao }</td>
					<td>${list.cangWei }</td>
					<td>${list.jiXing }</td>
					<td>${list.riQi }</td>
					<td>${list.chuFa }</td>
					<td>${list.diDa }</td>
				</tr>
				</c:forEach>
			</table>
		</div>
		
		<br>
		
		<div class="flight_infoMX">
			<table>
				<tr>
					<th>旅客类型</th>
					<th>里程兑换数</th>
					<th>票价</th>
					<th>机场税</th>
					<th>燃油费</th>
					<th>人数</th>
					<th>总价</th>
				</tr>
				<c:forEach items="${lcPassengerInfoList }" var="list">
				<tr>
					<td>${list.leiXing }</td>
					<td>${list.liChengShu }</td>
					<td>${list.piaoJia }</td>
					<td>${list.jiChangShui }</td>
					<td>${list.ranYouFei }</td>
					<td>${list.renShu }</td>
					<td>${list.zongJia }</td>
				</tr>
				</c:forEach>
			</table>
		</div>
		<div style="text-align: right; padding-right: 10px;border-bottom: 1px solid #bbd2e3;border-left: 1px solid #bbd2e3;border-right: 1px solid #bbd2e3;">
			<span style="font-size:12px; margin-right:30px;">
				订单税费：<span id="tax" style="color:red; font-size: 16px;">${dingDanShuiFei}</span>
			</span>
			<span>
				保险费：<span id="cost" style="color:red;font-size: 16px;">￥<span id="costMoney" style="color:red;font-size: 16px;">${baoXianFei}</span>元</span>
			</span>
		</div>
	</div>
	<div class="flight_insurance" style="margin-bottom: 20px;">
		<ul class="flight_insurance1" style="text-align: left;padding-left: 5px;">
			<li class="insurance_name" style="display: inline-block;"><input type="checkbox" id="baoxian" check="${baoxianCheck}" name="baoxian" title="旅行保险30元每份，点击空格键进行勾选" onclick="baoxiancheck()" /> <label>航空综合险</label></li>
			<li class="insurance_price" style="display: inline-block;">旅行保险￥<strong>30</strong>/份 </li>
		</ul>
	</div>
	
	<div class="clearboth"></div>
	<div class="page_title"  >
		<h2>旅客信息</h2>
		<div class="clearboth"></div>
	</div>
	<div class="basic_infos" id="content" style="position:relative;border: solid 1px #bbd2e3;height:350px;text-align: left;">
		<div class="passengerInfo" style="display: inline-block;text-align: right;margin-left: 50px;">
			<div class="ap_contacts_divs">
				<label class="" for="kxPassengerName">可选旅客姓名：</label>
				<select id="kxPassengerName" style="width: 226px;height: 25px;" onchange="kxPassengerChange()">
					<c:forEach items="${lcPassengerInfo2List }" var="list">
						<option value="${list.enname }">${list.cnname }/${list.enname }</option>
					</c:forEach>
				</select>
			</div>
			<div class="ap_contacts_divs">
				<label class="" for="passengerName">旅客姓名：</label>
				<input type="text" readonly="readonly" class="infos_inputs_static" id="passengerName" value="${psgName }" title="旅客姓名：${psgName },只读" style="background-color: #ddd;"></input>
			</div>
			<div class="ap_contacts_divs">
				<label class="" for="ipCard">有效证件：</label>
				<select id="cardType" style="width: 78px;height: 25px;" onchange="cardTypeChange()">
					<option value="idcard">身份证</option>
					<option value="passport">护照</option>
					<option value="otherType">其他证件</option>
				</select>
				<input type="text" style="width:140px;background-color: #ddd;" readonly="readonly" class="infos_inputs_static" id="cardNo" value="${psgIdNum }" title="证件号：${psgIdNum },只读" ></input>
			</div>
			<div class="ap_contacts_divs">
				<label class="" for="phoneNo">手机号：</label>
				<input type="text" class="infos_inputs_static" id="phoneNo" value="${psgMobile }" title="${psgMobile }"></input>
			</div>
			<div class="ap_contacts_divs">
				<label class="" for="email">email：</label>
				<input type="text" class="infos_inputs_static" id="email" value="${psgEmail }" title="${psgEmail }"></input>
			</div>
		</div>
		
		<div class="check_box_con" id="check_box_con" style="display:none;">
			<div class="check_ticket">
				<div class="check_ticket_head">
					<span class="titleLeft">请您选择以下任意一个联系方式接收验证码</span> 
				</div>
			</div>	
			<div class="check_ticket_body">
				<table>
					<tr>
						<td class="first" style="width:75px;">手机号码：</td>
						<td class="second" id="assigneeCheckPhoneNum">${assigneeCheckPhoneNum }</td>
						<td class="third">
							<input id="vcode_mobile" type="radio"  class="checkVcode">
						</td>
					</tr>
					<tr id="emailYzm">
						<td class="first" style="width:75px;">E-mail：</td>
						<td class="second" id="assigneeCheckEmail">${assigneeCheckEmail }</td>
						<td class="third">
							<input id="vcode_email" type="radio"  class="checkVcode" >
						</td>
					</tr>
					
					<tr>
						<td class="first"></td>
						<td class="second">如果以上联系信息已不再有效，您可使用 在线身份认证 或前往离您最近的 南航会员服务中心 进行身份认证，或致电020-95539咨询。</td>
						<td class="third">
							<input type="button" class="btn" id="checkYzm" value="获取验证码" onclick="lcAssigneeCtrlYzm()" title="点击获取验证码">
						</td>
					</tr>
					<tr>
						<td class="first">验证码：</td>
						<td class="second">
							<input id="code" title="请填写验证码">
						</td>
						<td class="third">
							<input type="button" class="btn" value="校   验" onclick="lcAssigneeCtrlCheck()" title="点击校验">
						</td>
					</tr>
				</table>
			</div>	
		</div>
	</div>